{template "header.html", "/"}

<!---Pos start-->
<div class="wrap Pos mt10"><a href="/" target="_self">首页</a> > <a href="{$parent.url}" target="_self">{$parent.name}</a></div>
 
<ul class="wrap mt10">
	<li><img src="/styles/images/ad_m_1.jpg" /></li>
</ul>
 
<!---Site_Content start-->    
<section class="wrap Site_Content mt10 clearfix">
	<!---insLeft start-->
     
<div class="insLeft left">
		<h1><img src="/styles/images/rec.jpg" /></h1>
		<ul class="proList4 mt10">
			{list action=module module=artisan more=1 order=hits_desc num=4}
			<li>
				 <a href="{$t.url}" target="_blank">
					    <div><img src="{dr_get_file($t.head)}" /></div>
					    <h2>{$t.title}</h2>
						<div><b>{$t.des}</b></div>
					</a>    
				
			</li>
            {/list}
		</ul>
	</div>


	<!---insLeft end-->
	
	<!---insRight start-->
	<div class="insRight w910 right"><input id="hid_Keyword" value="" type="hidden" />
    <ul class="select">
		<li class="select-list">
			<dl id="select1">
				<dt><b>作者：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>		
				{list action=module module=artisan more=1 order=hits_desc}
				<dd><a href="javascript:void(0);" class="choose">{$t.title}</a></dd>
                {/list}
			</dl>
		</li>

		<li class="select-list">
			<dl id="select2">
				<dt><b>釉色：</b></dt><input id="hid_Type2" type="hidden" />
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=color pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>
		<li class="select-list">
			<dl id="select3">
				<dt><b>器形：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=shape pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>
		<li class="select-list">
			<dl id="select7">				
                <dt><b>老盏：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=type pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>
        <li class="select-list filterMore">
			<dl id="select4">
				<dt><b>口径：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=caliber pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>
        
        <li class="select-list filterMore">
			<dl id="select5">
				<dt><b>价格：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=price pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>
        <li class="select-list filterMore">
			<dl id="select6">
				<dt><b>功能：</b></dt>
				<dd class="select-all selected"><a href="javascript:void(0);">全部</a></dd>
				{list action=linkage code=use pid=0}
				<dd><a href="javascript:void(0);" class="choose">{$t.name}</a></dd>
                {/list}
			</dl>
		</li>

         <div class="filterSliControl" id="filterSliControl">更多选项</div>
        <li class="select-result">
			<dl>
				<dt>已选条件：</dt>
				
                <input id="btn_search" type="button" value="查询" style="display:none" />
                <a style="padding-top:10px" href="{$url}" target="_self"><b>清空全部</b></a>
			</dl>
            
		</li>        
	</ul>
	<form id="myform1">
	<input type="hidden"  name="zz" value="{$zz}" class="filter"/>
	<input type="hidden"  name="color" value="{$color}" class="filter"/>
	<input type="hidden"  name="shape" value="{$shape}" class="filter"/>
	<input type="hidden"  name="type" value="{$type}" class="filter"/>
	<input type="hidden"  name="caliber" value="{$caliber}" class="filter"/>
	<input type="hidden"  name="price" value="{$price}" class="filter"/>
	<input type="hidden"  name="sy" value="{$sy}" class="filter"/>
   </form>     
        <!--Ajax分页-->
        <ul id="ajax_show" class="list-proList5 clearfix mt20">
			{template "ajax_data.html"}
			
        </ul>        
        
        <div class="line20"></div>
            <div class="pagelist">
              <div class="l-btns">
                <div id="navigatediv"></div>
              </div> 
            </div>
        <!--Ajax分页-->	
		<p class="ajax_more" style="margin:20px auto;padding:5px;text-align:center;width:120px;background-color:#8A1C1F;color:#fff;border-radius:6px;">加载更多</p>
	</div>
    <!---insRight end--> 
</section><!---Site_Content end-->    
<script type="text/javascript">
	$('.filterMore').hide();
	$('.filterSliControl').click(function(){
		$('.filterMore').stop(true).slideToggle();
	})
	var page_num=1;
	$("p.ajax_more").click(function(){
		page_num++;
		$.post("{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=ajax_data.html&catid={$catid}&page_num="+page_num,
		$("#myform1").serialize(),
		function(data){
			$("#ajax_show").html(data);
			btn_is();
		});
	})
	btn_is();
	function btn_is(){
		if(parseInt($(".data_count").val())<=parseInt($('.page_count').val())){
			$('.ajax_more').hide();
		}else{
			$('.ajax_more').show();
		}
	}
	$(".select-list dd").click(function(){
		$('input.filter').eq($(this).parents('li').index()).val($(this).find('a').text());
		$.post("{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=ajax_data.html&catid={$catid}",
			$("#myform1").serialize(), 
			function(data){
				$("#ajax_show").html(data);
				btn_is();
			});
	})
	

</script>




<script type="text/javascript">
    $(function () {
        $('.Cate').mouseover(function () {
            //	$(this).addClass('cateHover');
            $(this).find('.CateList').show();
        });
        $('.Cate').mouseleave(function () {
            //	$(this).removeClass('cateHover');
            $(this).find('.CateList').hide();
        });

        $(".TypeList li").find("a").bind("click", function () {
            $(this).css("color", "red");
        })
        $(".Order").find("a").bind("click", function () {
            $(this).addClass("Cur").siblings("a").removeClass("Cur");
        })
    });
    var filterControl = document.getElementById("filterSliControl");
    var filterSlider = document.getElementById("filterSlider");
    var filterSliders = document.getElementsByClassName("filterSliders");
    filterControl.onclick = function () {
        if (filterSlider.style.display == "block") {
            filterSlider.style.display = "none";
            this.innerHTML = "更多选项";
        } else {
            filterSlider.style.display = "block";
            this.innerHTML = "收起";
        }
    };
</script>
{template "footer.html", "/"}